@charset "utf-8";

/*reset*/
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body {font-family:'Arial','Microsoft Yahei','Droid Sans Fallback','STHeiti-Light'; font-size:1.2rem; color:#666;}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html{font-size:62.5% ;}
@media (min-width: 360px) and (max-width: 400px) {
     html {font-size: 75%;}
}
@media (min-width: 401px){
     html {font-size: 85.5%;}
}

body{color:#666; line-height:1;}

.fullImg , .fullImg img{ width:100%;}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote,  hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0}
input, select, textarea,button {font-size:100%;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-family:inherit;}

table {border-collapse:collapse;border-spacing:0; font-size:1.2rem;}
fieldset, img {border:0}
abbr, acronym {border:0;font-variant:normal}
address, caption, cite, code, dfn, em,i {font-style:normal;font-weight:500}
ul{list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:500}
sub, sup {font-size:55%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.15em}
a{color:#7e7e7e;}
ins, a{text-decoration:none; outline:none; -webkit-appearance:none}
a:active{background:none;opacity:0.8;}
a:link{ border-style:none;}
table{ width:100%;}
a,button,input{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  }
.top5{ margin-top:0.5rem;}.top10{ margin-top:1rem;}.top15{ margin-top:1.5rem;}.top20{ margin-top:2rem;}.top25{ margin-top:2.5rem;}.top30{ margin-top:3rem;}.top40{ margin-top:4rem;}.top50{ margin-top:5rem;}.top60{ margin-top:6rem;}.top70{ margin-top:7rem;}.top80{ margin-top:8rem;}.top90{ margin-top:9rem;}.top100{ margin-top:10rem;}.left5{ margin-left:0.5rem;}.left10{ margin-left:1rem;}.left15{ margin-left:1.5rem;}.left20{ margin-left:2rem;}.left25{ margin-left:2.5rem;}.left30{ margin-left:3rem;}.left40{ margin-left:4rem;}.left50{ margin-left:5rem;}.left60{ margin-left:6rem;}.left70{ margin-left:7rem;}.right5{ margin-right:0.5rem;}.right10{ margin-right:1rem;}.right15{ margin-right:1.5rem;}.right20{ margin-right:2rem;}.right25{ margin-right:2.5rem;}.right30{ margin-right:3rem;}.right40{ margin-right:4rem;}.right50{ margin-right:5rem;}.right60{ margin-right:6rem;}.right70{ margin-right:7rem;}.bottom5{ margin-bottom:0.5rem;}.bottom10{ margin-bottom:1rem;}.bottom15{ margin-bottom:1.5rem;}.bottom20{ margin-bottom:2rem;}.bottom25{ margin-bottom:2.5rem;}.bottom30{ margin-bottom:3rem;}.bottom40{ margin-bottom:4rem;}.bottom50{ margin-bottom:5rem;}.bottom60{ margin-bottom:6rem;}.bottom70{ margin-bottom:7rem;}

input{ vertical-align:middle}
.pad10{ padding:1rem;}
.pad10RL{ padding:0 1rem;}
.pad10TB{ padding:1rem 0;}
.pad20{ padding:2rem;}
.pad15{ padding:1.5rem;}
.clear{ clear:both}

input[type='text'],input[type='tel'],input[type='button'],textarea{box-sizing: border-box;-webkit-appearance: none;}

.line14{ line-height:1.4rem;}
.line16{ line-height:1.6rem;}
.line18{ line-height:1.8rem;}
.line20{ line-height:2rem;}
.line24{ line-height:2.4rem;}
.line30{ line-height:3rem;}
.line35{ line-height:3.5rem;}

.col999,a.col999,.col999 a{ color:#999;}
.col666,a.col666,.col666 a{ color:#666;}
.col333,a.col333,.col333 a{ color:#333;}
.colfff,a.colfff,.colfff a{ color:#fff;}
.colYe,a.colYe,.colYe a{ color:#ff9c00;}
.colYe2,a.colYe2,.colYe2 a{ color:#fadc62;}
.colBlue,a.colBlue,.colBlue a{ color:#169ada;}
.colBlue2,a.colBlue2,.colBlue2 a{ color:#105677;}
.colRed,a.colRed,.colRed a{ color:#d7340c;}
.colRed2,a.colRed2,.colRed2 a{ color:#730341;}
.bold{ font-weight:bold;}
.colPink{ color:#d77af2}
.colPink2{ color:#e4007f}



.font12{ font-size:1.2rem;}
.font14{ font-size:1.4rem;}
.font16{ font-size:1.6rem;}
.font18{ font-size:1.8rem;}
.font20{ font-size:2rem;}

.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after { display: table;line-height: 0;content: "";}
.clearfix:after { clear: both;}

.right{ float:right;}
.left{ float:left;}
.verMi{ vertical-align:middle}

.bgFFF{ background-color:#fff;}
.btns,a.btns{ text-align:center; display:inline-block; color:#fff; border-radius:4px; vertical-align:middle; border:none;text-decoration:none; outline:none; -webkit-appearance:none}
.btns-small{ width:6.5rem; font-size:1.4rem; line-height:2.4rem;}
.btns-biggest{ width:100%; line-height:3.8rem; font-size:1.6rem;}
.btns-nom{ width:6.5rem; font-size:1.4rem; line-height:3rem;}
.btns:active{ opacity:0.8;}
.btns-ye{ background-color:#e4007f;}
.btns-grey{ background-color:#c1c1c1;}
.btns-blue{ background-color:#169ada;}
.btns-fff,.btns-fff:active{ background-color:none; border:1px solid #ddd !important;}


.btns-ye:active{ background-color:#ff4900;}
.btns-grey:active{ background-color:#c1c1c1;}
.btns-blue:active{ background-color:#169ada;}

.btns-tt{ width:16rem; height:3.5rem; line-height:3.5rem;  background: -webkit-linear-gradient(#c5230d, #ab2311);}
.btns-tt:active{ background: -webkit-linear-gradient(#ab2311, #c5230d); opacity:1}

.btns-yuan{ width:6rem; height:2rem; border-radius:1rem; line-height:2rem; font-size:1.2rem !important;}
.center{ text-align:center}
.relative{ position:relative}
.absolute{ position:absolute}
.m-table{ width:100%;}
.m-table td{ padding:0.5rem 0;}

.txtOver p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.align-right{ text-align: right}
.align-left{ text-align: left}
.bor_btm_da{ border-bottom:1px dashed #ccc;}
.bor_btm_so{ border-bottom:1px solid #ddd;}
/*commer*/
.header{ height:4rem; border-bottom:1px solid #ddd; text-align:center; background-color:#e4007f; position:relative}
.header .span{ line-height:4rem;}
.header .back{ width:3rem; height:4rem;display:block; position:absolute; top:0; left:0; text-align:left; padding-left:1rem;}
.header .menuCtr{ width:4.6rem; height:4rem;display:block; position:absolute; top:0; right:0;}

.header .fa-angle-left{ color:#fff; font-size:3.5rem; line-height:4rem;}
.header .fa-list-ul{ color:#fff; font-size:2.4rem; line-height:4rem;}

.footer{ border-top:1px solid #dedede; width:100%; height:4.9rem; background-color:#fff; text-align:center; position:fixed; bottom:0; left:0;}
.footer a{ width:25%; height:4.9rem; float:left; text-align:center}
.footer .a{ width:4.6rem; height:4.9rem; display:inline-block; position:relative; background-size:100% !important; position:relative;}
.footer .a1{ background:url(../images/m1.png) no-repeat}
.footer .a2{ background:url(../images/m2.png) no-repeat}
.footer .a3{ background:url(../images/m3.png) no-repeat}
.footer .a4{ background:url(../images/m4.png) no-repeat}
.fa{vertical-align: middle;}
.footer .a1.active{ background:url(../images/mA1.png) no-repeat}
.footer .a2.active{ background:url(../images/mA2.png) no-repeat}
.footer .a3.active{ background:url(../images/mA3.png) no-repeat}
.footer .a4.active{ background:url(../images/mA4.png) no-repeat}
.footer .ding{ width:0.6rem; height:0.6rem; border-radius:100%; background-color:#ff0000; position:absolute; top:0.5rem; right:0.5rem;}





.jfIco{ width:2.1rem; height:2.3rem; background-repeat:no-repeat; background-size:100% auto; vertical-align:middle; display:inline-block; background-position:center center}
.jfIco1{ background-image:url(../images/ico_1.png);}
.jfIco2{ background-image:url(../images/ico_2.png);}
.jfInfWap{ padding:0 1.5rem; background-color:#fff;}
.jfInfWap .jfIco2{ margin-top:-0.5rem;}
.jfInfWap li{ border-bottom:1px solid #ddd; height:4rem; line-height:4rem;}
.jfInfWap li:last-child{ border-bottom:none;}

.dlIco{ width:2.7rem; height:2rem; background-repeat:no-repeat; background-size:100% auto; vertical-align:middle; display:inline-block; background-position:center center}
.dlIco1{ background-image:url(../images/ico_3.png);}
.dlIco2{ background-image:url(../images/ico_4.png);}

.tit1{ background-color:#e4007f; color:#fff; height:2.4rem; line-height:2.4rem; border-radius:1.2rem; padding:0 1rem; display:inline-block;}
.quesWap{ background-color:#fff; padding:1rem 1.5rem;}
.quesWap ol{ margin-left:1.5rem;}

.loginWap li{ position:relative; margin-bottom:1rem;}
.loginWap li input[type='text'],.loginWap li input[type='password'],.loginWap li input[type='tel']{ height:4rem; line-height:2rem; padding:1rem 1rem 1rem 5rem; border-radius:5px; background-color:#fff; width:100%; border:1px solid #ddd;}
.loginWap .dlIco{ position:absolute; top:1rem; left:1rem;}
.loginWap li input.inputYzm{ padding:0 1rem; width:55%;}
.loginWap li .btns-nom{ float:right; height:4rem; width:40%; font-size:1.2rem;}
.tqWap{ padding:1.5rem;}
.tqWap ol{ margin-left:1.5rem;}
.tqWap ol li{ line-height:1.8rem; margin-top:0.5rem;}
.fa-spinner{-webkit-animation:rotate 1s linear infinite;}
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}



@media screen and (max-height: 570px) {
}
@media screen and (max-height: 500px) {
}
@media screen and (max-width: 350px) {
}

